<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
    
    <title>Document</title>
</head>
<body>
    <div class="container">
        <div class="jumbotron">
          <h1>我的第一个 Bootstrap 页面</h1>
        </div>
        <div class="row">
          <div class="col-sm-2">
            <h3>第一列</h3>
            <p>落潮为巨滩的奇观精致</p>
            <p>我国的黄海南部，有一片湿地——江苏盐城黄海湿地，目前不仅是世界上最大的海岸型湿地，也是</p>
          </div>
          <div class="col-sm-2">
            <h3>第一列</h3>
            <p>落潮为巨滩的奇观精致</p>
            <p>我国的黄海南部，有一片湿地——江苏盐城黄海湿地，目前不仅是世界上最大的海岸型湿地，也是</p>
          </div>
          <div class="col-sm-2">
            <h3>第三列</h3>
            <p>落潮为巨滩的奇观精致</p>
            <p>我国的黄海南部，有一片湿地——江苏盐城黄海湿地，目前不仅是世界上最大的海岸型湿地，也是</p>
          </div>
          <div class="col-sm-2">
            <h3>第四列</h3>        
            <p>落潮为巨滩的奇观精致</p>
            <p>我国的黄海南部，有一片湿地——江苏盐城黄海湿地，目前不仅是世界上最大的海岸型湿地，也是</p>
          </div>
          <div class="col-sm-2">
            <h3>第五列</h3>        
            <p>落潮为巨滩的奇观精致</p>
            <p>我国的黄海南部，有一片湿地——江苏盐城黄海湿地，目前不仅是世界上最大的海岸型湿地，也是</p>
          </div>
          <div class="col-sm-2">
            <h3>第六列</h3>        
            <p>落潮为巨滩的奇观精致</p>
            <p>我国的黄海南部，有一片湿地——江苏盐城黄海湿地，目前不仅是世界上最大的海岸型湿地，也是</p>
          </div>
        </div>
      </div>
</body>
</html>